<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name = "viewport" content = "width = device-width,user-scalable = no">
<title>name fight</title>
<script type = "text/javascript" src = "jquery-1.5.1.js"></script>
<script type = "text/javascript">
    function addstring(str,css){
        //alert(str);
        var obj = $("#result");
        obj.append('<p class='+css+'>'+str+'</p>');
        var height = obj.height();
        $("body").scrollTop( height );
    }
    function getResult(){
        return $("body").html();
    }
    function clearResult(){
        $("#result").text('');
    }
</script>
<style type="text/css">
body {
	font-size: 12pt;
	background-image: url(html_bg.jpg);
	background-repeat: repeat-y;
	width: 320px;
	margin: 0px;
	padding: 0px;
}
#result {
	padding-right: 20px;
	padding-left: 10px;
}
</style>
</head>

<body>
    <style type="text/css">
        .red {
            color: #F00;
        }
        .blue {
            color: #06F;
        }
        .result_block {
            font-size: 14pt;
            display: block;
            border: thin solid #999;
            background-color: #CCC;
            padding: 5px;
        }
        </style> 
<div id="result">
</div>
</body>
</html>
